<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>为你心动</title>
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/base.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/static/summary/animate.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/swiper-3.3.1.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/valentine.css" />

    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/summary/swiper-3.4.1.min.js"></script>
    <script src="/static/summary/swiper.animate1.0.2.min.js"></script>
</head>
<body>
    <div class="swiper-container">
       <section id="year-box" class="swiper-wrapper">
            <section class="swiper-slide  bg open ac">
                <figure>
                    <img class="ani" swiper-animate-effect="slideInUp" swiper-animate-duration="0.5s" src="/static/images/valentine/text01.png">
                    <img class="mtb30 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s" src="/static/images/valentine/gift.png">
                    <img class="heatbest ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s" src="/static/images/valentine/text02.png">
                </figure>
                <div class="pagedown">
                    <img src="/static/images/share/logo-h.png">
                    <a class="arrow-down swiper-button-next"></a>
                </div>
            </section>
             <!-- 第一屏  开启 -->
            <section class="swiper-slide bigdata ac bg-blue">
                <figure>
                    <img class="ani" swiper-animate-effect="zoomInDown" swiper-animate-duration="1s" src="/static/images/valentine/text03.png">
                    <span class="heartbg ani" swiper-animate-effect="zoomInDown" swiper-animate-duration="1s" >
                        <img class="hearttd mtb10" src="/static/images/valentine/heart.png">
                    </span>
                    <section class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.6s" swiper-animate-delay="1.2s">
                        <img class="w-80 " src="/static/images/valentine/text04.png">
                        <img class="w-80" src="/static/images/valentine/text05.png">
                        <a class="gorun mt10 dib">去跑步</a>
                        <p class="heart-tips">跑步后，在个人中心里点击“心动”获取卡片</p>
                    </section>
                </figure>
                
            </section>
            <!-- 第二屏 大数据 -->
       </section>
    </div>
</body>
<script>
    var screenHight = Number(document.body.scrollHeight);
 
    var screenHeight = document.body.scrollHeight;
    var swiper = new Swiper('.swiper-container', {
        paginationClickable: true,
        direction: 'vertical',
        nextButton:'.swiper-button-next',
        onInit: function(swiper){
            swiperAnimateCache(swiper); 
            swiperAnimate(swiper);
        }, 
        onSlideChangeEnd: function(swiper){ 
            swiperAnimate(swiper);
        } 
    });
    // 滑屏js
    $(".gorun").click(function () {
       if(typeof jw == "object") {
            window.location.href="joggers://run"
        }else{
             var way = 'http://a.mlinks.cc/Aagn?url=joggers://run';
            window.location.href=way;
        }
        _hmt.push(['_trackEvent', 'valentine', 'goRun']);
    })

    if(typeof jw == "object") {
        jw.api('copy_current_url', JSON.stringify({'status': false}));
        jw.api('share_button', JSON.stringify({'status': true}));
        jw.api('set_share_info', JSON.stringify({
          'title':'虎扑跑步，为您心动',
          'description':'厉害了，跑个步就测出了自己怦然心动时的心率',
          'img_url':'{$staticHost}/static/images/valentine/icon.jpg',
          'link_url':'{$staticHost}/show/valentineS'
        }));
       
    }
</script>
{template 'show/web-footer'}